﻿<%@page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/assets/css/style.css">
</head>

<body>
		<div class="width100">
			<div class="width1200 center_yh hidden_yh" style="height: 181px">
				<a href="#" class="left_yh"><img
					src="${pageContext.request.contextPath}/assets/images/logo.png"></a>
				<a href="${pageContext.request.contextPath}/login.jsp"
					class="right_yh font16 c_33" style="line-height: 181px;">已有帐号，<font
					class="red">马上去登录></font></a>
			</div>
		</div>
		<form method="post"
		action="${pageContext.request.contextPath}/user/register.do" role="form">
		<div class="width100 hidden_yh" style="border-top: 1px solid #ddd">
			<div class="width1200 hidden_yh center_yh" style="margin-top: 75px">
				<div class="width100 hidden_yh">
					<div class="center_yh hidden_yh"
						style="width: 475px; margin-bottom: 40px;">
						<span
							style="margin-right: 40px; height: 42px; line-height: 42px; width: 100px"
							class="left_yh block_yh tright">用户名:</span> <input type="text"
							placeholder="请输入您的用户账号" name="usercode"
							style="border: 1px solid #c9c9c9; width: 292px; height: 42px; font-size: 16px; text-indent: 22px;"
							class="left_yh">
					</div>
					<div class="center_yh hidden_yh"
						style="width: 475px; margin-bottom: 40px;">
						<span
							style="margin-right: 40px; height: 42px; line-height: 42px; width: 100px"
							class="left_yh block_yh tright">设置密码:</span> <input
							type="password" placeholder="建议至少使用两种字符组合" name="password"
							style="border: 1px solid #c9c9c9; width: 292px; height: 42px; font-size: 16px; text-indent: 22px;"
							class="left_yh">
					</div>
					<div class="center_yh hidden_yh"
						style="width: 475px; margin-bottom: 40px;">
						<span
							style="margin-right: 40px; height: 42px; line-height: 42px; width: 100px"
							class="left_yh block_yh tright">确认密码:</span> <input
							type="password" placeholder="请再次输入密码" name="confirm"
							style="border: 1px solid #c9c9c9; width: 292px; height: 42px; font-size: 16px; text-indent: 22px;"
							class="left_yh">
					</div>
					<div class="center_yh hidden_yh"
						style="width: 475px; margin-bottom: 40px;">
						<span
							style="margin-right: 40px; height: 42px; line-height: 42px; width: 100px"
							class="left_yh block_yh tright">手机号:</span> <input type="text"
							placeholder="建议使用常用的手机" name="phonenumber"
							style="border: 1px solid #c9c9c9; width: 292px; height: 42px; font-size: 16px; text-indent: 22px;"
							class="left_yh">
					</div>
					<div class="center_yh hidden_yh"
						style="width: 475px; margin-bottom: 40px;">
						<span
							style="margin-right: 40px; height: 42px; line-height: 42px; width: 100px"
							class="left_yh block_yh tright">验证码:</span>
						<div style="width: 300px; height: 43px; border: 1px solid #c9c9c9"
							class="left_yh">
							<input type="text" placeholder="输入验证码"  name="kaptcha"
								style="border: 0; width: 184px; height: 39px; font-size: 16px; text-indent: 22px;"
								class="left_yh">
								
								<img  
								src="${pageContext.request.contextPath}/kaptcha.png" 
								class="img-responsive"  style="width:103px;height:40px;margin-top:1px;float:right;margin-right:1px;"/>
						</div>
					</div>
					<div class="center_yh hidden_yh" style="width: 475px;">
						<span
							style="margin-right: 40px; height: 42px; line-height: 42px; width: 100px"
							class="left_yh block_yh tright">手机验证码:</span>
						<div style="width: 293px; height: 42px; border: 1px solid #c9c9c9"
							class="left_yh">
							<input type="text" placeholder="请输入验证码"
								style="border: 0; width: 184px; height: 39px; font-size: 16px; text-indent: 22px;"
								class="left_yh"> <a href="javascript:void(0)"
								style="width: 103px; height: 40px; margin-top: 1px; float: right; margin-right: 1px; display: block; color: #666; background: #ddd; text-align: center; line-height: 40px;">获取验证码</a>
						</div>
					</div>
					<p class="font14 c_66"
						style="text-indent: 503px; margin-top: 30px;">
						<input type="checkbox">我已阅读并同意<a href="#" class="red">«会员注册协议»</a>和<a
							href="#" class="red">«隐私保护政策»</a>
					</p>
					<input type="submit" value="提交" class="ipt_tj"
						style="width: 295px; height: 44px; margin-left: 505px;">
				</div>
			</div>
		</div>
		</form>
		<div class="width100 hidden_yh"
			style="background: #f0f0f0; margin-top: 90px;">
			<div class="width1200 center_yh tcenter" style="margin-top: 44px;">
				<a href="#" class="in_block font16 c_33" style="padding: 0 30px">工艺礼品</a>
				<a href="#" class="in_block font16 c_33" style="padding: 0 30px">电子礼品</a>
				<a href="#" class="in_block font16 c_33" style="padding: 0 30px">品牌礼品</a>
				<a href="#" class="in_block font16 c_33" style="padding: 0 30px">商务礼品</a>
				<a href="#" class="in_block font16 c_33" style="padding: 0 30px">食品礼盒</a>
				<p class="font16 c_33 tcenter" style="margin-top: 46px;">www.lipinshijia.com
					© CopyRight 礼品世家 2007-2012</p>
				<p class="font16 c_33 tcenter" style="margin-top: 6px;">电话：000-0000000
					手机：18022113311</p>
				<p class="font16 c_33 tcenter"
					style="margin-top: 6px; margin-bottom: 10px;">鲁ICP备:1666666号-1</p>
			</div>
		</div>

</body>
</html>
